<template>
  <div class="home-container">
    <div class="home-bg"></div>
  </div>
</template>

<script>
export default {
  name: 'HomeIndex',
  components: {},
  props: {},
  data () {
    return {

    }
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped lang="less">
  .home-container {
    position: relative;
    width: 100%;
    height: 100%;
    .home-bg {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: url("../../assets/image/home/4.jpg") no-repeat center center;
      background-size: cover;
      z-index: 1;
      // opacity: 0.9;
      // -webkit-filter: blur(5px);
      // filter: blur(5px);
    }
  }
</style>
